






<!--_meta 作为公共模版分离出去-->
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 基本表单</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico"> <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="css/custom.css" rel="stylesheet">

    <link href="css/chosen.css" rel="stylesheet">

    <link href="css/bootstrap-colorpicker.min.css" rel="stylesheet">

    <link href="css/cropper.min.css" rel="stylesheet">

    <link href="css/switchery.css" rel="stylesheet">

    <link href="css/jasny-bootstrap.min.css" rel="stylesheet">

    <link href="css/jquery.nouislider.css" rel="stylesheet">

    <link href="css/datepicker3.css" rel="stylesheet">

    <link href="css/ion.rangeSlider.css" rel="stylesheet">
    <link href="css/ion.rangeSlider.skinFlat.css" rel="stylesheet">

    <link href="css/awesome-bootstrap-checkbox.css" rel="stylesheet">

    <link href="css/clockpicker.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">


    <!-- Sweet Alert -->
    <link href="css/sweetalert.css" rel="stylesheet">
    <script type="text/javascript" src="js/kindeditor-min.js"></script>
    <script type="text/javascript" src="js/kindeditor.js"></script>
    <style type="text/css">
        .note-editable{
            height: 200px;
        }
    </style>
    <#--<script>-->
        <#--var editor;-->
        <#--KindEditor.ready(function(K) {-->
            <#--editor = K.create('textarea[name="hh"]', {-->
                <#--allowFileManager : true,-->
                <#--width : "700px",-->
                <#--height : "400px",-->
                <#--uploadJson : 'tw/jsp/upload_json.jsp',-->
                <#--fileManagerJson : 'tw/jsp/file_manager_json.jsp'-->
            <#--});-->

            <#--K('#selectImg').click(function() {-->
                <#--editor.loadPlugin('image', function() {-->
                    <#--editor.plugin.imageDialog({-->
                        <#--imageUrl : K('#image').val(),-->
                        <#--clickFn : function(url, title, width, height,-->
                                           <#--border, align) {-->
                            <#--K('#image').val(url);-->
                            <#--$("#img_image").attr("src",url);-->
                            <#--editor.hideDialog();-->
                        <#--}-->
                    <#--});-->
                <#--});-->
            <#--});-->
            <#--K('#selectImg2').click(function() {-->
                <#--editor.loadPlugin('image', function() {-->
                    <#--editor.plugin.imageDialog({-->
                        <#--imageUrl : K('#image2').val(),-->
                        <#--clickFn : function(url, title, width, height,-->
                                           <#--border, align) {-->
                            <#--K('#image2').val(url);-->
                            <#--$("#img_image2").attr("src",url);-->
                            <#--editor.hideDialog();-->
                        <#--}-->
                    <#--});-->
                <#--});-->
            <#--});-->
            <#--K('#selectImg3').click(function() {-->
                <#--editor.loadPlugin('image', function() {-->
                    <#--editor.plugin.imageDialog({-->
                        <#--imageUrl : K('#image3').val(),-->
                        <#--clickFn : function(url, title, width, height,-->
                                           <#--border, align) {-->
                            <#--K('#image3').val(url);-->
                            <#--$("#img_image3").attr("src",url);-->
                            <#--editor.hideDialog();-->
                        <#--}-->
                    <#--});-->
                <#--});-->
            <#--});-->
        <#--});-->
    <#--</script>-->
    <script>//多张图片
        function showImg(fileid,target){//给2个参数，其他位置的参数名一致，值就进去了
            var preview = document.querySelector('#'+target);//获取img元素,显示图片位置，根据el表达式('#'+target)
            var file = document.querySelector('#'+fileid).files[0];//根据id拿到文件选择框里面的文件，
            var reader = new FileReader();//创建FileReader接口（把文件放到图片预览框里面）
            reader.onloadend = function () {
                preview.src = reader.result;
            }
            if (file) {
                reader.readAsDataURL(file);
            } else {
                preview.src = "";
            }
        }
    </script>
</head>
<body class="gray-bg">
<script src="js/jquery-1.7.2.min_1.js"></script>

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>商品添加</h5>
                </div>
                <div class="ibox-content">
                    <form class="form-horizontal" id="form1" action="addGoods"  method="post" enctype="multipart/form-data">
                        <input type="hidden" name="user.id" value="">
                        <div class="form-group">
                            <label class="col-sm-3 control-label"></label>
                            <div class="col-sm-8" style="color: red;font-size: 15px">

                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品名称：</label>
                            <div class="col-sm-8" >
                                <input type="text" name="goods_name"  placeholder=" 请输入商品名称" value="" id="goods_name" maxlength="20" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品单价：</label>
                            <div class="col-sm-8" >
                                <input type="text" name="goods_price"  placeholder=" 请输入商品单价" value="" maxlength="20" id="goods_price" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品单位：</label>
                            <div class="col-sm-8" >
                                <input type="text" name="goods_unit"  placeholder=" 请输入商品单位" value=""   id="goods_unit" maxlength="20" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品库存：</label>
                            <div class="col-sm-8" >
                                <input type="text" name="goods_number"  placeholder=" 请输入商品库存 " value=""  id="goods_number"  maxlength="20" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>上架时间：</label>
                            <div class="col-sm-8" >
                                <input type="date" name="goods_time"   value=""  id="goods_time"  maxlength="20" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品类型：</label>
                            <div class="col-sm-8" >
                                <select  name="goods_type"   value=""  id="goods_type"  maxlength="20" class="form-control">
                                    <#list Request.list as type >
                                        <option value="${type.type_id}">
                                            ${type.type_name}
                                    </option>
                                    </#list>

                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品描述：</label>
                            <div class="col-sm-8" >
                                <input type="text" name="goods_info"  placeholder=" 请输入商品描述" value=""   id="goods_info" maxlength="20" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label"><span style="color:red;" >*</span>商品介绍：</label>
                            <div class="col-sm-8" >
                                <textarea rows="10" cols="30"  id="goods_introduce" name="goods_introduce" class="form-control">

                                </textarea>
                                <#--<input type="text" name=" goods_introduce"  placeholder=" 请输入商品描述" value=""  id="goods_introduce"  maxlength="20" class="form-control">-->
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">商品图片：</label>
                            <div class="col-sm-8" >
                                <input type="file" name="goods_picture" id="goods_picture" value="上传商品图片"   onchange="showImg('goods_picture','picture')"  maxlength="20" class="form-control">
                                <span class="help-block m-b-none">
                                    <img src="images/20171126150435_343.jpg" width="200" height="200" id="picture">
                                </span>
                            </div>
                        </div>


                        <div class="form-group">
                            <div class="col-sm-offset-3 col-sm-8">
                                <button id="submit" class="btn btn-sm btn-info" type="submit">确认保存</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<#--<script>-->
    <#--$(document).ready(function () {-->
        <#--$('.i-checks').iCheck({-->
            <#--checkboxClass: 'icheckbox_square-green',-->
            <#--radioClass: 'iradio_square-green',-->
        <#--});-->
    <#--});-->
<#--</script>-->
<#--<script type="text/javascript">-->
    <#--$(document).ready(function(){-->
        <#--$("#submit").click(function(){-->
            <#--var huiyuanid = $("#huiyuanid").val();-->
            <#--var username = $("#username").val();-->
            <#--var xm = $("#xm").val();-->
            <#--if(!username){-->
                <#--alert("请输入用户名");-->
                <#--return false;-->
            <#--}-->
            <#--if(!xm){-->
                <#--alert("请输入姓名");-->
                <#--return false;-->
            <#--}-->
            <#--return true;-->
        <#--});-->
    <#--});-->
<#--</script>-->
</body>
</html>
